

	<link rel="stylesheet" type="text/css" href="http://xoxco.com/projects/code/tagsinput/jquery.tagsinput.css" />

	<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

	<script type="text/javascript" src="jquery.tagsinput.js"></script>

	<!-- To test using the original jQuery.autocomplete, uncomment the following -->

	<!--

	<script type='text/javascript' src='http://xoxco.com/x/tagsinput/jquery-autocomplete/jquery.autocomplete.min.js'></script>

	<link rel="stylesheet" type="text/css" href="http://xoxco.com/x/tagsinput/jquery-autocomplete/jquery.autocomplete.css" />

	-->

	<script type='text/javascript' src='jquery-ui.min.js'></script>

	<link rel="stylesheet" type="text/css" href="jquery-ui.css" />

	

	

	<script type="text/javascript">


		

		$(function() {



			$('#tags').tagsInput({width:'auto'});

			


			



// Uncomment this line to see the callback functions in action

//			$('input.tags').tagsInput({onAddTag:onAddTag,onRemoveTag:onRemoveTag,onChange: onChangeTag});		



// Uncomment this line to see an input with no interface for adding new tags.

//			$('input.tags').tagsInput({interactive:false});

		});

	

	</script>

		<form>

			<p><label>Defaults:</label>

			<input id="tags" type="text" class="tags" value="" /></p>

			

			<p><label>Technologies: (Programming languages in yellow)</label>

			<input id="tags_2" type="text" class="tags" value="php,ios,javascript,ruby,android,kindle" /></p>

			

			<p><label>Autocomplete:</label>

			<input id='tags_3' type='text' class='tags'></p>

			

		</form>